$(document).ready(function() {
			/* zebra stripe the tables (not necessary for scrolling) */
	var tbl = $("table.tbl1");
	   //     addZebraStripe(tbl);
	   //     addMouseOver(tbl);
	
	/* make the table scrollable with a fixed header */
	$("table.scroll").createScrollableTable({
		width: '1200px',
		height: '600px'
	});
	
	function addZebraStripe(table) {
	    table.find("tbody tr:odd").addClass("alt");
	}
	
	function addMouseOver(table) {
	    table.find("tbody tr").hover(
		function() {
		    $(this).addClass("over");
		},
		function() {
		    $(this).removeClass("over");
            }
        );
	}
	
	$(function() {
		$('.trigger').hover(function(e) {
			var left = 0;
			var top = 0;
			if ($(window).width() - e.pageX >= 300){
				left = e.pageX;
			} else {
				left = e.pageX - 280;
			}
			if ($(window).height() - e.pageY >= $('div#pop-up' + this.id).height() + 40){
				top = e.pageY;
			} else {
				top = e.pageY - $('div#pop-up' + this.id).height() - 40;
			}
			$('div#pop-up' + this.id).show()
			.css('top', top)
			.css('left', left)
			.appendTo('body');
		}, function() {
			$('div#pop-up' + this.id).hide();
		});
	});
	
	$(function() {
		$('.titleTrigger').hover(function(e) {
			var left = 0;
			if ($(window).width() - e.pageX >= 300){
				left = e.pageX;
			} else {
				left = e.pageX - 280;
			}
			$('#titlePop-up' + this.id).show()
			.css('top', e.pageY)
			.css('left', left)
			.appendTo('body');
		}, function() {
			$('#titlePop-up' + this.id).hide();
		});
	});
	
	$(function() {
		$('.timeTrigger').hover(function(e) {
			var left = 0;
			if ($(window).width() - e.pageX >= 300){
				left = e.pageX;
			} else {
				left = e.pageX - 280;
			}
			$('#titlePop-up' + this.id).show()
			.css('top', e.pageY)
			.css('left', left)
			.appendTo('body');
		}, function() {
			$('#titlePop-up' + this.id).hide();
		});
	});

});